<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>游戏页面</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no,address=no,email=no" />
    <meta name="mobileOptimized" content="width" />
    <meta name="handheldFriendly" content="true" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="stylesheet" href="../style/base.css" />
    <link rel="stylesheet" href="../style/common.css" />
    <link rel="stylesheet" href="../style/game.css" />
    <link rel="stylesheet" href="../style/s.css" />
    <link rel="stylesheet" href="../style/detail.css" />
</head>
<body>

    <!-- s=header -->
    <header></header>
    <!-- e=header -->

    <!-- s=body -->
    <div class="progressWrap">
        <img src="../case/time.png" width="39" alt="" >
            <div class="progress">
                <span class="progressStatus s1"></span>
                <span class="progressStatus s2"></span>
                <span class="progressStatus s3"></span>
                <span class="progressNow"></span>
            </div>
    </div>
    <p class="phoneQuantity fn-clear"><img src="../case/s6.png"  width="111" alt=""><span class="num" id="gameTime">0</span></p>
    <audio loop="true" src="../music/1.mp3" id="media"  preload="" class="music" ></audio>

    <!-- s=产品 -->

    <!-- e=产品 -->

   <div id="main-box">
        <div class="hand fn-hide"></div>
   </div>
    <!-- e=参考代码 -->

    <footer class="footer">
        <div class="cloud"></div>
       <div class="hand"></div>
    </footer>
  
    <!-- e=body -->



    <!-- s=overlayer -->
    <div class="overlayer fn-hide">    
    <!-- s=5爆炸 -->
    <div class="overlayerCnt qr gameResult fn-hide boom">
    <img src="../case/icon_false.png" width="116" alt="" class="title">
    <p class="gameResultTips">哎呦~不小心摸到炸弹，只能重新来过啦，<span>30</span>秒后又是一条好汉！~</p>
        <a href="#" class="overlayer_close"></a>
        <button class="fn-hide restart" >restart</button>
    </div>
    <!-- e=5爆炸 -->

    <!-- s=成功 -->
    <div class="overlayerCnt qr gameResult fn-hide success">
    <img src="../case/titleCongratution.png"  width="190" alt="" class="titleSuccess">
    <img src="../case/gameResult_phone.png" width="52" alt="">
    <p class="gameResultTips">抢到 <span class="num">XX</span> 个GALAXY S6!</p>
    <p class="tips">填写姓名资料,<br>
冲击排行榜前二十名,可以获得更多礼品!<br>每周还有一个GALAXY S6随机送出哦!
</p>
<a href="#" class="btn_fillIn"></a>
        <a href="#" class="overlayer_close"></a>
        <div class="fragment"></div>
    </div>
    <!-- e=成功 -->

    <!-- s=登陆信息 -->

    <div class="overlayerCnt qr gameResult login fn-hide">     <form action="" class="loginForm">
         <p><img src="../case/titleLogin.png" width="106" alt=""></p>
         <p><label>用户名：<input type="text" class="ipt"></label></p>
         <p><label>密　码：<input type="text" class="ipt"></label></p>
         <p><input type="submit" class="btn_sub" value=""></p>
     </form>
    
        <a href="#" class="overlayer_close"></a>
    </div>
    <!-- e=登陆信息 -->

    <!-- s=进入游戏前的倒计时  -->
    <div class="countdown fn-hide">
        <p class="reciprocal vh text">5</p>
    </div>
    <!-- e=进入游戏前的倒计时  -->

      <!-- s=排行榜 -->   
    <div class="overlayerCnt lbWrap fn-hide">
     <h1 class="lbT"><img src="../case/pic_lbTitle.png"  width="240" alt=""></h1>
         <h2 class="lbTitle"></h2>
        <ul class="lbList">
            <li>
            <img src="../images/59.png" alt="" class="userHeader"><span class="name">射鸡湿</span>
            <div class="data">
                <p class="quantity">123个</p>
                <dl class="date">
                    <dt>4月12日</dt>
                    <dd>21:30:25</dd>
                </dl>
            </div>
            </li>
            <li><img src="../images/60.png" alt="" class="userHeader"><span class="name">程序猿</span>
             <div class="data">
                <p class="quantity">123个</p>
                <dl class="date">
                    <dt>4月12日</dt>
                    <dd>21:30:25</dd>
                </dl>
            </div></li>
            <li><img src="../images/61.png" alt="" class="userHeader"><span class="name">风姿小ken</span>
             <div class="data">
                <p class="quantity">123个</p>
                <dl class="date">
                    <dt>4月12日</dt>
                    <dd>21:30:25</dd>
                </dl>
            </div></li>
            <li><img src="../images/62.png" alt="" class="userHeader"><span class="name">瘦成一道闪电</span>
             <div class="data">
                <p class="quantity">123个</p>
                <dl class="date">
                    <dt>4月12日</dt>
                    <dd>21:30:25</dd>
                </dl>
            </div></li>
            <li><img src="../images/63.png" alt="" class="userHeader"><span class="name">滴滴打人</span>
             <div class="data">
                <p class="quantity">123个</p>
                <dl class="date">
                    <dt>4月12日</dt>
                    <dd>21:30:25</dd>
                </dl>
            </div></li>
            <li><img src="../images/64.png" alt="" class="userHeader"><span class="name">天河灰姑娘</span>
             <div class="data">
                <p class="quantity">123个</p>
                <dl class="date">
                    <dt>4月12日</dt>
                    <dd>21:30:25</dd>
                </dl>
            </div></li>
            <li><img src="../images/65.png" alt="" class="userHeader"><span class="name">我是土豪</span>
             <div class="data">
                <p class="quantity">123个</p>
                <dl class="date">
                    <dt>4月12日</dt>
                    <dd>21:30:25</dd>
                </dl>
            </div></li>
            <li><img src="../images/66.png" alt="" class="userHeader"><span class="name">吴广德</span>
             <div class="data">
                <p class="quantity">123个</p>
                <dl class="date">
                    <dt>4月12日</dt>
                    <dd>21:30:25</dd>
                </dl>
            </div></li>
            <li><img src="../images/67.png" alt="" class="userHeader"><span class="name">Babyangel</span>
             <div class="data">
                <p class="quantity">123个</p>
                <dl class="date">
                    <dt>4月12日</dt>
                    <dd>21:30:25</dd>
                </dl>
            </div></li>
            <li><img src="../images/68.png" alt="" class="userHeader"><span class="name">我爱彭于晏</span>
             <div class="data">
                <p class="quantity">123个</p>
                <dl class="date">
                    <dt>4月12日</dt>
                    <dd>21:30:25</dd>
                </dl>
            </div></li>
        </ul>
        <div class="lbList_myInfo">
            <img src="../images/70.png" alt="" class="userHeader">您目前排名No.23
        </div>   
         <a href="#" class="btn_goOn"></a> 
    </div>

   
    <!-- e=排行榜 -->

    <!-- s=游戏说明 -->
        <div class="gameDes overlayerCnt fn-hide">
            <dl>
                <dt>游戏说明：</dt>
                <dd>30秒游戏内，滑动屏幕中的小手疯狂抢GALAXY S6，留下你的联系方式，也许GALAXY S6就属于你！要小心炸弹哦~！</dd> 
            </dl>
            <dl>
                <dt>活动周期：</dt>
                <dd>4月1日-4月8日</dd>
                <dd>4月9日-4月16日</dd>
                <dd>4月17日-4月24日</dd>
                <dd>4月25日-5月3日</dd>
            </dl>
            <dl class="prizeWrap">
                <dt>奖品说明：</dt>
                <dd>
                    <ul class="prize">
                        <li>
                        <img src="../case/pic_phone.png"  alt="">
                        <p>GALAXY S6 </p>
                        <span class="quantity">（共4部）</span>
                        </li>
                        <li>
                            <img src="../case/pic_mobiePower.png"  alt="">
                            <p>三星移动电源</p>
                            <span class="quantity">（共40部）</span>
                        </li>
                        <li>
                            <img src="../case/pic_headPhone.png"  alt="">
                            <p>三星耳机</p>
                            <span class="quantity">（共40台）</span>
                        </li>
                    </ul>
                    <p>每周随机抽取1名星粉获得GALAXY S6手机1部，共4周；</p>
                    <p>4月8日，4月16日，4月24日，5月3日的24:00游戏截止时，排名第第一名至第十名的星粉可以获得三星移动电源各1台，第十一名至第二十名可以获得三星耳机各1个，共4周。</p>
                    <p>活动现场还有更多小礼品可以赢取哦~</p>
                    <p class="emphasize">*获奖名单请留意华南三星微信公众号。</p>
                    <p class="emphasize">只能在指定门店参与活动</p>
                </dd>
            </dl>
            <dl class="tips">
                <dt>温馨提示：</dt>
                <dd>1.中奖者将有专人电话联系通知；</dd>
                <dd>2.由于配送范围限制，奖品仅限广东、广西、福建、海南省内地址登记领奖；</dd>
                <dd>2.由于配送范围限制，奖品仅限广东、广西、福建、海南省内地址登记领奖；</dd>
            </dl>
            <a href="#" class='overlayer_close'></a>
        </div>
    <!-- s=游戏说明 -->



    </div>
    <!-- e=overlayer -->

    <script src="../script/jquery-1.11.2.min.js"></script>
    <script src="../script/load.js"></script>
    <script src="../script/s.js"></script>
    <script src="../script/game3.js"></script>

</body>
</html>